﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GolfProducts.aspx.cs" Inherits="Golf.WebUI.GolfProducts" %>

<%@ Register Src="~/UserControl/Header.ascx" TagName="Header" TagPrefix="UserHeader" %>
<%@ Register Src="~/UserControl/footer.ascx" TagName="Footer" TagPrefix="UserFooter" %>
<%@ Register Src="~/UserControl/ToolbarContainer.ascx" TagName="Toolbal" TagPrefix="UserToolbal" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="Style/Base.css" rel="stylesheet" type="text/css" />
    <link href="Style/mainContent.css" rel="stylesheet" type="text/css" />
    <link href="Style/leftContent.css" rel="stylesheet" type="text/css" />
    <link href="Style/Index.css" rel="stylesheet" type="text/css" />

    <script src="Script/jquery/jquery-1.4.1.min-vsdoc.js" type="text/javascript"></script>

    <script src="Script/jquery.hoverIntent.minified.js" type="text/javascript"></script>

    <script src="Script/common/jCarouselLite.js" type="text/javascript"></script>

    <script src="Script/MAD.js" type="text/javascript"></script>

    <%--A partial flush style--%>
    <style type="text/css">
        .productOverlay
        {
            background: url(/common/images/shell/overlayPixel.png) 0px 0px;
            top: 1px;
            left: 2px;
            position: absolute;
        }
        .productOverlay .retrievingData
        {
            z-index: 101;
            position: relative;
            padding: 20px 66px;
            margin: 120px auto;
            width: 49px;
            height: 82px;
            background: url(/common/images/category/retrievingData.png) no-repeat 0px 0px;
        }
    </style>

    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-24545885-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

    </script>

</head>
<body>
    <form id="form1" runat="server" style="width: 1004px; margin: 0px auto; background-color: ">
    <UserHeader:Header ID="UserHeader" runat="server" />
    <div style="width: 1004px; height: 100%; background-color: White;">
        <div class="leftContent" style="background-color: White; height: 100%;">
            <div class="filters">
                <h3>
                    <span>Shop for</span><br />
                    Golf Clubs</h3>
                <!--Type -->
                <div class="filter categoryFilter">
                    <h4>
                        Shop by Category</h4>
                    <ul>
                        <asp:Repeater ID="rep_Type" runat="server">
                            <ItemTemplate>
                                <li><a title=" <%#Eval("Str2") %>" href="Golfshow.aspx?typeid=<%#Eval("Str1") %>">
                                    <%#Eval("Str2") %>
                                    <span>(<%#Eval("Str3") %>) </span></a></li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                </div>
                <!-- Brand-->
                <div class="filter brandFilter">
                    <h4>
                        Shop by Brand</h4>
                    <ul>
                        <asp:Repeater ID="rep_Brand" runat="server">
                            <ItemTemplate>
                                <li><a title=" <%#Eval("Str2") %>" href="/<%#Eval("Str1") %>">
                                    <%#Eval("Str2") %>
                                    <span>(<%#Eval("Str3") %>) </span></a></li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                    <div class="MADSlideshow imageFader brandScroller">
                        <!--The following little pictures circulating rolling hands do not delete or page complex public direct separation-->
                        <!--#include virtual="brandBrowser.htm"-->
                    </div>
                    <a class="viewAllBrands" title="View All Brands" href="#">View All</a>
                </div>
            </div>
            <div class="filtersBottom">
                <!-- -->
            </div>
        </div>
        <div id="mainContent" style="background-color: White;">
            <div class="subCatVisual">
                <!--The following little pictures circulating rolling hands do not delete or page complex public direct separation-->
                <!--#include virtual="GolfProducts.js"-->
            </div>
            <div class="bannerR1">
                <a title="OG Side Banner- European Delivery" href="#">
                    <img alt="OG Side Banner- European Delivery" src="Images/EuropeanDelivery-New.jpg"
                        width="189" height="207"></a>
            </div>
            <div class="recommendations">
                <div class="tabsContainer">
                    <asp:ScriptManager ID="ScriptManager1" runat="server">
                    </asp:ScriptManager>
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <ul class="tabs">
                                <li>
                                    <asp:LinkButton ID="link_Selling" runat="server" CssClass="open" OnClick="tabs_Click"><strong>Top Selling</strong> </asp:LinkButton>
                                </li>
                                <li>
                                    <asp:LinkButton ID="link_Rated" runat="server" OnClick="tabs_Click"><strong>Top Rated</strong> </asp:LinkButton></li>
                                <li>
                                    <asp:LinkButton ID="link_Added" runat="server" OnClick="tabs_Click"><strong>Recently
                                    Added</strong> </asp:LinkButton>
                                </li>
                                <li>
                                    <asp:LinkButton ID="link_OffersSelling" runat="server" OnClick="tabs_Click"><strong>Special OffersSelling</strong> </asp:LinkButton>
                                </li>
                            </ul>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </div>
                <div class="carouselContainer">
                    <asp:UpdateProgress ID="listDetailPress" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
                        <ProgressTemplate>
                            <div class="productOverlay" style="width: 800px; height: 261px; z-index: 100; background: url(/common/images/shell/overlayPixel.png) 0px 0px;">
                                <div class="retrievingData" style="background: url(/common/images/category/retrievingData.png) no-repeat 0px 0px;">
                                    <img src="/Common/images/category/loading.gif" /></div>
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                    <asp:UpdatePanel ID="udppCarousel" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
                        <ContentTemplate>
                            <a id="prev" class="control disabled">
                                <div id="prevTip" class="carouselTip">
                                    Previous</div>
                            </a>
                            <div style="visibility: visible; overflow: hidden; position: relative; z-index: 2;
                                left: 0px; width: 668px;" class="carousel _carousel">
                                <ul>
                                    <asp:Repeater ID="rep_udpp_pro" runat="server">
                                        <ItemTemplate>
                                            <%# Container.ItemIndex % 4 == 0 ? "<li style=\"float: left; overflow: hidden; width: 648px; height: 208px\"><div class=\"product withHover clearance\"  prod=\"" +Eval("id")+"\">": "<div class=\"product withHover clearance\" prod=\"" +Eval("id")+"\">"%>
                                            <h3>
                                                <a title="" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                                    <%#Eval("Pro_Name")%>
                                                </a>
                                            </h3>
                                            <div class="image">
                                                <a title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                                    <img height="99" alt="<%#Eval("Pro_Name")%> " src="ImageProducts/<%#Eval("Pro_Picture")%> "
                                                        width="148">
                                                </a>&nbsp;</div>
                                            <div class="rating" vmlbg="images/stars.png">
                                                <div class="count" style="behavior: none; width: <%#Eval("Pro_Star") %>px; zoom: 1;
                                                    position: relative" vmlbg="images/stars.png">
                                                </div>
                                            </div>
                                            <%#Convert.ToInt32(Eval("Pro_Save")) <= 0 ? "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\"></div>" : "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\">SAVE <span>" + Eval("Pro_Save") + "%</span></div> <div class=\"rrp\">MRRP $" + Eval("Pro_MarketPrice") + "</div>"%>
                                            <a class="btn_moreInfo" title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                                More Info</a> </div>
                                            <%# Container.ItemIndex % 4 == 3 ? "</li>" : ""%>
                                        </ItemTemplate>
                                        <FooterTemplate>
                                            <%#rep_udpp_pro.Items.Count % 4 == 0 ? "" : "</li>"%>
                                        </FooterTemplate>
                                    </asp:Repeater>
                                </ul>

                                <script type="text/javascript">
                                    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {
                                        $(function() {
                                            $("._carousel").jCarouselLite({
                                                btnNext: "#next",
                                                btnPrev: "#prev",
                                                scroll: 1,
                                                visible: 1,
                                                circular: false
                                            });
                                        });
                                    });
                                </script>

                            </div>
                            <a id="next" class="control">
                                <div id="nextTip" class="carouselTip">
                                    Next</div>
                            </a>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </div>
            </div>
            <!-- Each type of goods-->
            <div class="centeredContent">
                <!--Goods binding-->
                <asp:Repeater ID="rep_type_pro" runat="server" OnItemDataBound="rep_type_pro_ItemDataBound">
                    <ItemTemplate>
                        <div class="subCat">
                            <div class="containerHeader">
                                <h2>
                                    <a title="<%#Eval("Str2")%>" href="Golfshow.aspx?typeid=<%#Eval("Str1") %>">
                                        <%#Eval("Str2")%></a></h2>
                                <span>
                                    <%#int.Parse(Eval("Str3").ToString()) < 4 ? int.Parse(Eval("Str3").ToString()) : 4%>
                                    results of
                                    <%#Eval("Str3")%>
                                    - <a title="Show me more" href="Golfshow.aspx?typeid=<%#Eval("Str1") %>">Show me more</a></span>
                            </div>
                            <ul class="subCatProducts">
                                <asp:Label ID="_Null" runat="server" Text="    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;           No data"
                                    ForeColor="Red"></asp:Label>
                                <asp:Repeater ID="rep_pro" runat="server">
                                    <ItemTemplate>
                                        <li>
                                            <div class="product withHover clearance" prod="<%#Eval("id")%>">
                                                <h3>
                                                    <a title="" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                                        <%#Eval("Pro_Name")%>
                                                    </a>
                                                </h3>
                                                <div class="image">
                                                    <a title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                                        <img height="80" alt="<%#Eval("Pro_Name")%> " src="ImageProducts/<%#Eval("Pro_Picture")%> "
                                                            width="120">
                                                    </a>&nbsp;</div>
                                                <div class="price">
                                                    PRICE <strong>$<%#Eval("Pro_PromotionPrice")%></strong></div>
                                            </div>
                                        </li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <!-- rightContent -->
            <div class="rightContent">
                <div class="buyersGuides">
                    <ul>
                        <asp:Repeater ID="rep_Type_1" runat="server">
                            <ItemTemplate>
                                <li><a title=" <%#Eval("Str2") %>" href="Golfshow.aspx?typeid=<%#Eval("Str1") %>">
                                    <%#Eval("Str2") %>
                                    <span>(<%#Eval("Str3") %>) </span></a></li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                </div>
                <div class="bannerR2">
                    <a title="Ask and Answer" href="#">
                        <img alt="Ask and Answer" src="Images/AskandAnswer.jpg" width="189" height="260"></a>
                </div>
                <div class="bannerR3">
                    <a title="Ratings &amp; Reviews" href="#">
                        <img alt="Ratings &amp; Reviews" src="Images/Ratings2.jpg" width="189" height="260"></a>
                </div>
            </div>
        </div>
        <div style="width: 1px; clear: both;">
        </div>
    </div>
    <UserFooter:Footer ID="UserFooter" runat="server" />
    <UserToolbal:Toolbal ID="UserToolbal" runat="server" />
    </form>
    <div id="script_pro" runat="server">
    </div>
</body>
</html>

<script type="text/javascript">
    MAD.lightBox.init();
    function showLightBox(id) {
        return MAD.lightBox.show(id);
    }

    MAD.products.attachProductHover();

    MAD.products.productPopupHover(); 
</script>

<div class="overlay">
</div>
<div class="lbEnlargeProduct lightbox">
    <div class="header">
        <a href="javascript:MAD.lightBox.hide();" title="Close" class="btn_close"></a>
        <h3>
        </h3>
    </div>
    <div class="content">
        <p class="commMsg">
        </p>
        <img src="/common/images/shell/blank.gif" />
        <a href="" title="" class="btn_viewProdDetails">View Full Product Details</a>
    </div>
</div>

<script>
    var enlargeContID = 'prodZoom';
</script>

